// 分类业务相关的所有功能
import { ref } from 'vue'
import { findTopCategory } from '@/api/category'
import { useRoute, onBeforeRouteUpdate } from 'vue-router'
export function useCategory () {
  const category = ref({})
  const route = useRoute() // this.$route
  // 既需要保证初始化使用路由参数  又需要保证更新时使用to！！！
  const fetchCategory = async (id = route.params.id) => {
    const res = await findTopCategory(id)
    category.value = res.data.result
  }
  fetchCategory()
  onBeforeRouteUpdate((to) => {
    console.log('路由跳转了', to)
    // 使用最新的路由参数 重新调用接口
    const id = to.params.id
    fetchCategory(id)
  })
  return {
    category
  }
}
